.container{
	padding: 0 22rpx;
	.bg-box{
		background: #FFFFFF;
		border-radius: 20rpx;
		margin-top: 20rpx;
		box-sizing: border-box;
	}
	.return-info{
		padding: 30rpx 22rpx 30rpx 20rpx;
		box-sizing: border-box;
		.title{
			font-weight: bold;
			font-size: 32rpx;
			color: #000000;
			line-height: 44rpx;
		}
		.goods{
			display: flex;
			align-items: center;
			&>image{
				width: 180rpx;
				height: 180rpx;
				border-radius: 16rpx;
			}
			.g-info{
				width: calc(100% - 180rpx);
				padding-left: 20rpx;
				box-sizing: border-box;
				margin-top: 20rpx;
				margin-bottom: 20rpx;
				.name{
					display: flex;
					justify-content: space-between;
					align-items: center;
					.text{
						width: 314rpx;
						font-weight: bold;
						font-size: 32rpx;
						color: #333333;
						line-height: 44rpx;
					}
					.price{
						font-weight: 900;
						font-size: 28rpx;
						color: #FF2E2E;
						line-height: 56rpx;
						text{
							font-size: 32rpx;
						}
					}
				}
				.spec{
					display: flex;
					align-items: flex-start;
					justify-content: space-between;
					margin-top: 20rpx;
					.text{
						width: 350rpx;
						font-weight: 400;
						font-size: 28rpx;
						color: #505050;
						line-height: 40rpx;
					}
					.num{
						font-weight: bold;
						font-size: 28rpx;
						color: #333333;
						line-height: 40rpx;
					}
				}
			}
		}
	}
	
	.r-info{
		padding: 22rpx 22rpx 20rpx 28rpx;
		box-sizing: border-box;
		.title{
			font-weight: bold;
			font-size: 34rpx;
			color: #000000;
			line-height: 48rpx;
		}
		.f-box{
			.f-item{
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-top: 24rpx;
				.label{
					font-weight: bold;
					font-size: 30rpx;
					color: #000000;
					line-height: 42rpx;
				}
				.content{
					display: flex;
					align-items: center;
					text{
						font-weight: bold;
						font-size: 30rpx;
						color: #000000;
						line-height: 42rpx;
					}
					image{
						width: 12rpx;
						height: 23rpx;
						margin-left: 14rpx;
					}
					
					&.r-num{
						display: flex;
						align-items: center;
						justify-content: flex-end;
						&>image{
							width: 40rpx;
							height: 40rpx;
							margin: 0;
						}
						input{
							width: 68rpx;
							height: 40rpx;
							padding: 0 10rpx;
							box-sizing: border-box;
						}
					}
				}
			}
		}
	}
	
	.j-address{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		padding: 22rpx 22rpx 22rpx 28rpx;
		&>text{
			font-weight: bold;
			font-size: 30rpx;
			color: #000000;
			line-height: 42rpx;
		}
		.j-r-info{
			display: flex;
			align-items: flex-start;
			.a{
				.c-i{
					font-weight: bold;
					font-size: 30rpx;
					color: #000000;
					line-height: 42rpx;
					text-align: right;
				}
				.user{
					font-weight: bold;
					font-size: 24rpx;
					color: #000000;
					line-height: 34rpx;
					margin-top: 20rpx;
					text-align: right;
				}
			}
			&>image{
				width: 12rpx;
				height: 21rpx;
				margin-top: 10rpx;
				margin-left: 12rpx;
			}
		}
	}
	
	.r-price{
		padding: 22rpx 22rpx 26rpx 28rpx;
		
		.top{
			display: flex;
			justify-content: space-between;
			align-items: center;
			&>text{
				font-weight: bold;
				font-size: 30rpx;
				color: #000000;
				line-height: 42rpx;
			}
			.price{
				display: flex;
				align-items: center;
				&>text{
					font-weight: bold;
					font-size: 30rpx;
					color: #FF2E2E;
					line-height: 42rpx;
				}
				input{
					width: 110rpx;
					height: 42rpx;
					padding-left: 10rpx;
					color: #FF2E2E;
					font-size: 30rpx;
				}
				&>image{
					width: 36rpx;
					height: 36rpx;
					margin-left: 12rpx;
				}
			}
		}
		.text{
			font-weight: 400;
			font-size: 26rpx;
			color: #000000;
			line-height: 36rpx;
			margin-top: 32rpx;
		}
	}
	
	.w-text{
		padding: 20rpx 0;
		font-weight: bold;
		font-size: 30rpx;
		color: #000000;
		line-height: 42rpx;
	}
	
	.r-coupon{
		padding: 28rpx 22rpx 26rpx 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		text{
			font-weight: bold;
			font-size: 30rpx;
			color: #333333;
			line-height: 42rpx;
		}
		.r-text{
			flex:1;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			image{
				width: 12rpx;
				height: 23rpx;
				margin-left: 10rpx;
			}
		}
	}
	
	.u-pz{
		padding: 22rpx 28rpx 24rpx;
		.form-item{
			&.column{
				flex-direction: column;
				.label{
					width: 100%;
					display: flex;
					align-items: flex-end;
					text:nth-child(2){
						font-weight: 400;
						font-size: 28rpx;
						color: #000000;
						line-height: 40rpx;
						margin-left: 26rpx;
					}
				}
				.form-content{
					width: 100%;
					padding-top: 4rpx;
					.upload{
						width: 100%;
						display: flex;
						flex-wrap: wrap;
						.u-box{
							width: 146rpx;
							height: 146rpx;
							display: flex;
							align-items: center;
							justify-content: center;
							background: #F2F2F2;
							border-radius: 20rpx;
							position: relative;
							margin-right: 20rpx;
							margin-top: 20rpx;
							.u-icon{
								width: 100%;
								height: 100%;
								border-radius: 20rpx;
							}
							.z-img{
								width: 100%;
								height: 100%;
								border-radius: 20rpx;
							}
							.del-icon{
								width: 40rpx;
								height: 40rpx;
								position: absolute;
								right: 0;
								top: 0;
								transform: translateY(-50%) translateX(50%);
							}
						}
					}
					
					.textarae-box{
						width: 100%;
						height: 208rpx;
						background: #F8F8F8;
						border-radius: 20rpx;
						position: relative;
						margin-top: 20rpx;
						textarea{
							width: 100%;
							height: 100%;
							padding: 18rpx 22rpx;
							box-sizing: border-box;
						}
						/deep/ .p-inp{
							font-weight: 400;
							font-size: 28rpx;
							color: #999999;
							line-height: 40rpx;
						}
						&>text{
							position: absolute;
							right: 20rpx;
							bottom: 12rpx;
							font-weight: 400;
							font-size: 24rpx;
							color: #999999;
							line-height: 34rpx;
						}
					}
				}
			}
		}
	}
}
.btn{
	width: 100%;
	padding-bottom: calc(constant(safe-area-inset-bottom) + 20rpx) !important;
	padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx) !important;
	position: sticky;
	bottom: 0;
	left: 0;
	right: 0;
	button{
		width: 100%;
		height: 96rpx;
		background: linear-gradient( 135deg, #FFA233 0%, #FB4C4C 100%);
		border-radius: 80rpx;
		font-weight: bold;
		font-size: 36rpx;
		color: #FFFFFF;
		line-height: 96rpx;
	}
}

.status-box{
	padding-bottom: calc(constant(safe-area-inset-bottom));
	padding-bottom: calc(env(safe-area-inset-bottom));
	.title{
		padding: 38rpx 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		text{
			font-weight: bold;
			font-size: 38rpx;
			color: #333333;
			line-height: 52rpx;
		}
		&>image{
			position: absolute;
			top: 48rpx;
			right: 30rpx;
			width: 32rpx;
			height: 32rpx;
		}
	}
	.con{
		padding: 24rpx 22rpx 0;
		box-sizing: border-box;
		.item-check{
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 16rpx 0;
			&>text{
				font-weight: 400;
				font-size: 30rpx;
				color: #000000;
				line-height: 42rpx;
			}
			.r-img{
				image{
					width: 40rpx;
					height: 40rpx;
				}
			}
		}
	}
	
	&.return-box{
		padding-bottom: 0 !important;
		.return-btn{
			padding: 12rpx 22rpx 20rpx;
			box-sizing: border-box;
			box-shadow: 0rpx -4rpx 8rpx 2rpx rgba(0,0,0,0.05);
			button{
				width: 100%;
				height: 96rpx;
				background: linear-gradient( 135deg, #FFA233 0%, #FB4C4C 100%);
				border-radius: 80rpx;
				font-weight: bold;
				font-size: 32rpx;
				color: #FFFFFF;
				line-height: 96rpx;
			}
		}
	}
}

.toast-text{
	padding: 26rpx 30rpx;
	font-weight: bold;
	font-size: 34rpx;
	color: #333333;
	line-height: 48rpx;
	background: #FFFFFF;
	border-radius: 20rpx;
}

.coupon-box{
	.title{
		padding: 38rpx 22rpx 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		position: relative;
		text{
			font-weight: bold;
			font-size: 38rpx;
			color: #333333;
			line-height: 52rpx;
		}
		&>image{
			position: absolute;
			top: 48rpx;
			right: 30rpx;
			width: 32rpx;
			height: 32rpx;
		}
	}
	.tip{
		margin-top: 20rpx;
		font-weight: bold;
		font-size: 30rpx;
		color: #333333;
		line-height: 42rpx;
		padding: 0 22rpx;
		box-sizing: border-box;
	}
	.c-list{
		padding: 20rpx 22rpx 0;
		box-sizing: border-box;
		.c-item{
			margin-top: 20rpx;
			border: 2rpx solid #EEEEEE;
			border-radius: 20rpx;
			.info{
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 44rpx 30rpx 42rpx;
				box-sizing: border-box;
				.left{
					.name{
						font-weight: bold;
						font-size: 32rpx;
						color: #333333;
						line-height: 44rpx;
					}
					.time{
						font-weight: bold;
						font-size: 24rpx;
						color: #333333;
						line-height: 34rpx;
						margin-top: 8rpx;
					}
				}
				.right{
					.price{
						font-weight: bold;
						font-size: 68rpx;
						color: #E72A2A;
						line-height: 96rpx;
						text{
							font-size: 36rpx;
						}
					}
					.m-t{
						font-weight: bold;
						font-size: 22rpx;
						color: #999999;
						line-height: 32rpx;
						margin-top: -14rpx;
					}
				}
			}
			.coupon-btn{
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 20rpx 30rpx;
				box-sizing: border-box;
				border-top: 2rpx dashed rgba(239, 239, 239, 1);
				position: relative;
				&::before{
					content: '';
					width: 24rpx;
					height: 24rpx;
					background: #FFFFFF;
					border-top: 2rpx solid #EEEEEE;
					border-right: 2rpx solid #EEEEEE;
					transform: translateX(-50%) translateY(-50%) rotate(45deg);
					position: absolute;
					top: 0;
					left: 0;
					border-radius: 12rpx;
				}
				&::after{
					content: '';
					width: 24rpx;
					height: 24rpx;
					background: #FFFFFF;
					border-top: 2rpx solid #EEEEEE;
					border-left: 2rpx solid #EEEEEE;
					transform: translateX(50%) translateY(-50%) rotate(-45deg);
					transform-origin: center;
					position: absolute;
					top: 0;
					right: 0;
					border-radius: 12rpx;
				}
				.left{
					display: flex;
					align-items: center;
					text{
						font-weight: bold;
						font-size: 26rpx;
						color: #999999;
						line-height: 36rpx;
					}
					image{
						width: 16rpx;
						height: 12rpx;
						margin-left: 12rpx;
					}
				}
				.right{
					button{
						width: 156rpx;
						height: 52rpx;
						background: #AAAAAA;
						border-radius: 26rpx;
						font-weight: bold;
						font-size: 26rpx;
						color: #FFFFFF;
						line-height: 52rpx;
					}
				}
			}
		}
	}
}

.sub-box{
	width: 560rpx;
	height: 360rpx;
	background: #FFFFFF;
	border-radius: 20rpx;
	.title{
		padding-top: 40rpx;
		font-weight: bold;
		font-size: 36rpx;
		color: #333333;
		line-height: 50rpx;
		text-align: center;
	}
	.c-text{
		font-weight: bold;
		font-size: 30rpx;
		color: #333333;
		line-height: 42rpx;
		text-align: center;
		margin-top: 48rpx;
	}
	.sub-btn{
		margin-top: 58rpx;
		button{
			width: 264rpx;
			height: 96rpx;
			background: linear-gradient( 90deg, #FFA233 0%, #FB4C4C 100%);
			border-radius: 48rpx;
			font-weight: bold;
			font-size: 32rpx;
			color: #FFFFFF;
			line-height: 96rpx;
			margin: 0 auto;
		}
	}
}